const list2=document.querySelector(".list2")
const mulu=document.querySelector(".mulu")
mulu.onmouseover=function(){
    list2.classList.add("active")
}
list2.onmouseover=function(){
    list2.classList.add("active")
}
mulu.onmouseleave=function(){
    list2.classList.remove("active")
}
list2.onmouseleave=function(){
    list2.classList.remove("active")
}
const title=document.querySelector(".list2>.left>ul")
title.addEventListener('click',()=>
 
  window.location.href="../views/list.html"
)

const cart=document.querySelector(".nav>.cart")
 cart.addEventListener('click',()=>window.open("../views/cart.html"))
const onBox = document.querySelector('.on')
 const offBox = document.querySelector('.off')
 const nameBox = onBox.querySelector('.username')
 const selfBtn = document.querySelector('.self')
 const id = window.localStorage.getItem('id')
const denglu=document.querySelector(".nav>.denglu")
testLogin()
function testLogin() {
  // 1. 怎么知道你是否登录过
  // 如果你的 localStorage 内有 login 信息, 并且值为 1, 表示你曾经登录过
  // 1-1. 获取到 localStorage 内的 login 信息
  const login = window.localStorage.getItem('login')
  if (login !== '1') {
    // 1-2. 证明你从来没有登录过
    offBox.classList.add('active')
    onBox.classList.remove('active')
    return
  }

  const token = window.localStorage.getItem('token')

  // 2. 你曾经登录过
  // 一天以前还是一个月以前, 不知道
  // 拿到 token 加密的 "凭证"
  // 利用这个 "凭证" 去请求一个需要 "凭证" 才能返回数据的接口
  // 因为本页面需要用到 用户的昵称, 所以就直接请求一个用户详细信息
  // 请求用户信息
  const xhr = new XMLHttpRequest()
  // 拿到 lcoalStorage 内的 id 信息
  xhr.open('GET', 'http://localhost:8888/users/info?id=' + id)
  xhr.onload = () => testHandler(xhr)
  // 请求之前设置一下请求头, 添加 authoriztion 设置 token 信息
  xhr.setRequestHeader('authorization', token)
  xhr.send()
}
function testHandler(xhr) {
  const res = JSON.parse(xhr.responseText)
  console.log(res)

  // 判断 res 内的 code 来决定使用哪一个标签
  if (res.code !== 1) {
    offBox.classList.add('active')
    onBox.classList.remove('active')
    denglu.classList.remove('active')
    return
  }
  // 表示你当前在登录有效期内
  // 把用户昵称写进去
  nameBox.innerText = res.info.nickname
  onBox.classList.add('active')
  offBox.classList.remove('active')
  denglu.classList.add('active')

}

const logoutBtn = document.querySelector('.logout')
logoutBtn.addEventListener('click', () => {
  // 发送请求告诉服务器, 我再注销登录
  ajax({
    url: 'http://localhost:8888/users/logout',
    data: `id=${ id }`,
    dataType: 'json',
    success: function (res) {
      if (res.code === 1) window.location.reload()
    }
  })
})


  
